<template>
  <div id="wapper">
    <van-nav-bar fixed placeholder left-text="返回" @click-left="onClickLeft">
      <template #title>
        <span>欢迎用户：</span>
        <span class="title_user">{{ userData.bizUserName }}</span>
      </template>
    </van-nav-bar>
    <GridMenu :menuItem="menuItemList"></GridMenu>
  </div>
</template>

<script>
import {mapGetters} from "vuex";
import GridMenu from "@/components/main/gridMenu";
export default {
  name: "moveBoundIndex",
  components: {GridMenu},
  computed: {
    ...mapGetters("user", ["userData"])
  },
  created() {},
  mounted() {},
  data() {
    return {
      menuItemList: {
        num: "1",
        iconSize: 3,
        children: [
          {
            icon: "m-xiajia",
            text: "质检下架",
            uri: "/moveBound/quality/offShelf",
            style: "font-size:160px;"
          },
          {
            icon: "m-fenhuo",
            text: "质检分货",
            uri: "/moveBound/quality/picking",
            style: "font-size:160px;"
          },
          {
            icon: "m-shangjia",
            text: "质检上架 - 按箱",
            uri: "/moveBound/quality/onShelf",
            style: "font-size:160px;"
          },
          {
            icon: "m-shangjia",
            text: "质检上架 - 按件",
            uri: "/moveBound/quality/onShelfBycase",
            style: "font-size:160px;"
          }
        ]
      }
    };
  },
  methods: {
    onClickLeft() {
      this.$router.push({
        name: "homeIndex"
      });
    }
  }
};
</script>

<style lang="less">
.title_user {
  font-size: 18px !important;
  color: red !important;
}
.wapper_card {
  margin-top: 15px;
}
</style>
